{% for object in articles %}
    <div class="layui-col-xs12 layui-col-sm4 layui-col-md4 wow fadeInUp" style="padding: 0 10px">
        <div class="single-news">
            {% if object.thumbnail %}
                <div class="news-head">
                    <img src="{{ object.thumbnail }}"/>
                    <a href="{{ object.get_absolute_url }}" class="link"><i class="fa fa-link"></i></a>
                </div>
            {% endif %}
            <div class="news-content">
                <h4>
                    <a href="{{ object.get_absolute_url }}"> {{ object.title }} </a>
                </h4>
                <div class="date">{{ object.get_datetime }}</div>
                <p>{{ object.desc }}</p>
                <a href="{{ object.get_absolute_url }}" class="btn"> 阅读更多 </a>
            </div>
        </div>
    </div>
{% endfor %}